@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
  html {
    height: -webkit-fill-available;
  }
  body {
    height: -webkit-fill-available;
    font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC',
      'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  }
  .no-scrollbar::-webkit-scrollbar {
    display: none; /* 对于WebKit浏览器 */
  }

  .no-scrollbar {
    -ms-overflow-style: none; /* 对于IE和Edge */
    scrollbar-width: none; /* 对于Firefox */
  }
  #root {
    height: -webkit-fill-available;
  }
  /* 自定义滚动条样式 */
  *::-webkit-scrollbar {
    width: 4px; /* 设置滚动条宽度 */
  }

  *::-webkit-scrollbar-track {
    background: transparent; /* 设置滚动条轨道背景颜色 */
  }

  *::-webkit-scrollbar-thumb {
    background-color: #e6e8ec; /* 设置滚动条滑块颜色 */
    border-radius: 4px; /* 设置滚动条滑块圆角 */
  }

  *::-webkit-scrollbar-thumb:hover {
    background-color: #e6e8ec; /* 设置滚动条滑块悬停时的颜色 */
  }
}
